<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/index.css">
</head>

<body>
    <!-- 首页 -->
    <div class="top contain">
        <ul class="left">
            <li>帮助中心</li>
            <li>收藏</li>
            <li>360官网</li>
            <li>360智慧生活</li>
        </ul>
        <ul class="right">
            <li>登录</li>
            <li>注册</li>
            <li class="tupian">
                <span></span>
            </li>
        </ul>
    </div>







    <div class="center">
        <div class="shang contain">
            <ul class="left">
                <li>
                    <img src="https://p1.qhimg.com/t0102789b8d00c3dfce.png" alt="">
                </li>
                <li>新品推荐</li>
                <li>热卖榜单</li>
            </ul>
            <div class="right">
                <div class="xia">
                    <span>
                        <i></i>
                        <input type="text"></span>
                </div>
                <ul>
                    <li>记录仪</li>
                    <li>摄像机</li>
                    <li>路由器</li>
                    <li>耳机</li>
                    <li>扫地机</li>
                    <li>智能手表</li>
                </ul>
            </div>
        </div>
        <div class="bgc">
            <img src="https://p3.ssl.qhimg.com/t018b7e6292e40dac39.webp" alt="">
            <img src="https://p0.ssl.qhimg.com/t01184f1bb03f655f98.webp" alt="">
            <img src="https://p3.ssl.qhimg.com/t017443acfa1f8e9a9f.webp" alt="">
            <img src="https://p0.ssl.qhimg.com/t010870466939631120.webp" alt="">
            <img src="https://p3.ssl.qhimg.com/t01b1ae7e231ac75328.webp" alt="">
            <img src="https://p0.ssl.qhimg.com/t0104d9aa62ec15199e.webp" alt="">
            <span class="left">&lt;</span>
            <span class="right">&gt;</span>
        </div>
        <div class="caidan contain">
            <ul>
                <li>全部</li>
                <li>家庭安抚</li>
                <li>安全路由</li>
                <li>智能手表</li>
                <li>汽车用品</li>
                <li>扫地机器人</li>
                <li>影视生活</li>
                <li>生态产品</li>
            </ul>
            <ol>
                <li>
                    <img src="https://p4.ssl.qhimg.com/t012e56acec4dba8ef1.webp" alt="">
                    <span>摄像机</span>
                </li>
                <li>
                    <img src="https://p4.ssl.qhimg.com/t012e56acec4dba8ef1.webp" alt="">
                    <span>摄像机</span>
                </li>
                <li>
                    <img src="https://p4.ssl.qhimg.com/t012e56acec4dba8ef1.webp" alt="">
                    <span>摄像机</span>
                </li>
            </ol>
        </div>
        <div class="active contain">
            <span>热门活动</span>
            <ul class="pic">
                <li><img src="https://p5.ssl.qhimg.com/t0123e747cff6df3d57.webp" alt=""></li>
                <li><img src="https://p4.ssl.qhimg.com/t012b5cec81fbe9c659.webp" alt=""></li>
                <li><img src="https://p3.ssl.qhimg.com/t015d34aaa04c9ede6f.webp" alt=""></li>
                <li><img src="https://p5.ssl.qhimg.com/t0175bdda93660b4f38.webp" alt=""></li>
            </ul>
        </div>
    </div>







    <div class="footer">底部</div>
    <script src="../utils.js"></script>
    <script src="../js/index.js"></script>
</body>

</html>